.legend{
    width:100px;
    height:150px;
    padding:5px;
    border-radius:5px;
    color:#fff;
}

.legend-title{
    line-height: 1.5em;
    margin-bottom: 5px;
}

.legend-bar{
    width:20px;
    height:calc(100% - 3em);
    border-width:1px;
    border-style:solid;
    border-color:lightgray transparent lightgray lightgray;
    margin-left:10px;
}

.legend-bar-fill{
    width:15px;
    height:100%;
    border-right:1px solid lightgray;
    position:relative;
}

.legend-bar-highVal{
    position:absolute;
    left:25px;
    top:-0.5em;
}

.legend-bar-lowVal{
    position:absolute;
    left:25px;
    bottom:-0.5em;
}